.head {
 background: darkgrey;
 width: 100%;
 text-align: center;
}

.banner {
	background: lightgrey;
	width: auto;
	text-align: center;
	}
	
.banner-show {
	width:70%;
	}


.parner{

	margin: 2% auto;

	width: 100%;

	overflow: hidden;

	text-align: center;

}

footer {
		background: #e0e0e0;
		position: relative;
		width: 100%;
		margin-top: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
		text-shadow: 2px 2px 2px white;
		color: black;
		overflow: hidden;
		border-radius: 30px
	}

.footer_left {width: 49%;
              display: inline-block;
              text-align: right;
      
              }
.footer_left {vertical-align: top;
              float: left;
          
              }
.footer_right{border-left:1px #bcbcbc solid;
              float: right;text-align: left;
           
              }

.footer_right {width: 49%;
         
               }



.work {
  		position: static;
  		width: 20rem;
  		background: white;
  		border-radius: 30px;
  		box-shadow: 0 5px 20px #bbb;
  		box-sizing:border-box;
  		padding: 25px; 
  		margin: 3% 3%;
  		text-align: center;
  		display: inline-block;
}

.picture {
	width: 15rem;
	padding: 3% 3%;
	padding: 25px;
	}
	

.name {
	width: 100%;
	text-align: center;
	}
	
@media only screen and (max-width:660px ) {
	.work {
 	width: 40%;
 	text-align: center;
 	border-radius: 0.5rem;
 	box-shadow: 0px 5px 5px rgba(0,0,0,1);
 	margin: 10px;
 	}
	